<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>分期管理</title>
    <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}">
    <script th:src="@{/bootstrap/js/jquery.min.js}"></script>
    <script th:src="@{/bootstrap/js/bootstrap.min.js}"></script>
</head>
<body>
<div class="container">
    <div class="panel panel-info text-center" style="margin-top: 50px;">
        <div class="panel-heading" style="letter-spacing:30px;">
            <h3 id="title">分期管理</h3>
        </div>
        <div class="panel-body">
            <form class="form-inline">
                <div class="form-group">
                    <label for="userName">姓名</label>
                    <input type="text" class="form-control" id="userName" placeholder="输入要查询的用户名">
                </div>
                <div class="form-group">
                    <label for="creditNum">卡号</label>
                    <input type="number" class="form-control" id="creditNum" placeholder="输入要查询的卡号">
                </div>
                <button type="submit" class="btn btn-default">搜索</button>
            </form>
            <table class="table table-condensed table-responsive table-hover text-left">
                <thead class="tab-header-background">
                <tr>
                    <th scope="col" colspan="4" style="text-align: center;font-size: 18px;font-weight: bold">账户分期概况</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <th scope="row" style="width: 10%;">序号</th>
                    <th scope="row" style="width: 15%;">姓名</th>
                    <th scope="row" style="width: 15%;">卡号</th>
                    <th scope="row" style="width: 15%;">分期总额</th>
                    <th scope="row" style="width: 15%;">分期期数</th>
                    <th scope="row" style="width: 15%;">分期月份</th>
                    <th scope="row" style="width: 15%;">详情</th>
                </tr>
                </tbody>
            </table>
            <div class="panel-footer text-right">
                八仙过海项目组版权所有
            </div>
        </div>
    </div>
</div>
</body>
</html>